<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<body>

	<wicket:panel>

		<div class="row">
			<div class="span2 offset1 well well-small">
		
				<ul class="nav nav-list">
					<li class="nav-header">Servicios</li>
					<li class="divider"></li>
					<li wicket:id="servicio"><a wicket:id="servicio-link" href="#"><span wicket:id="servicio-label"></span></a></li>
				</ul>
				
			</div>
			<div class="span8">
				<div wicket:id="agendas-de-servicio"></div>
			</div>
		</div>
		
		<script type="text/javascript">
			
			 $("ul.nav li:nth-child(3)").addClass("active");
				
			 var selectedService;
			 $("ul.nav li").click(function() {
				 selectedService = this;
			 });
			 
			 function selectService() {
				  $(selectedService).addClass("active");
				  $(selectedService).siblings("li").removeClass("active");
             }
        </script>
			
	</wicket:panel>

</body>
</html>